/*-header-*/
.header-top{
    background: #a528a1;
    width: 100%;
    height: 5px;
}

/*-footer-*/
.footer .container .row .col-md-4 .card img{
    position: relative;
}
.footer .container .row .col-md-4 .card .card-body img{
    border-radius: 50%;
    border: 3px solid #f3f1f1;
    height: 94px;
    width: 94px;
    position: absolute;
    top:102px;
    left: 115px;
}
.banner .container .row .col-md-12 a{
    background: #a528a1;color: #fff;
}
.banner .container .row .col-md-12 a:hover{
    color: #000;
}
/*-main-*/
.main .row{
    margin-top: 101px;
}
.footer .container .row .col-md-4 a{
    background: #a528a1;color: #fff;
}
.footer .container .row .col-md-4 a:hover{
    color: #000;
}
.footer2 .container .row{
    border: 1px solid #ccc;
    border-top:5px solid #6b15a1;
    margin-left: 1px;
    margin-right: 20px;
    margin-top: 111px;
    border-radius: 2px
}
.footer2 .container .row .col-md-7 a{
    background: #6b15a1;
    color: #fff;
    margin-top: 30px;
    margin-right: 25px
}
.footer2 .container .row .col-md-7 a:hover{
    color: #000;
}
.footer3{
    padding-top: 84px;
    padding-bottom: 55px;
    text-align:center
}
@media (max-width: 600px) {
    .header .header-bottom .container .collapse .nav-item .yi{
        padding-left: 0px;
    }
    .header .header-bottom .container .collapse .nav-item{
        padding-left: 0px;
        padding-top: 0px
    }
    .main .row{
        margin-top: 50px;
    }
    .footer2 .container .row{
        margin-top: 50px;
    }
    .footer2 .container .row .col-md-7 a{
        float: left;
    }
    .footer3{
        padding-top: 0px;
    }
}